<script setup>
import svgRouter from "@/routers/svg-router";
import svgBaseShape from "./svg-base-shape"

console.log(http);
</script>

<template>
  <div class="home-container">
    <h1>目录</h1>
    <h1>目录</h1>
    <svgBaseShape/>
    <ul>
      <li
          v-for="item in svgRouter"
          :key="item.name"
      >
        <router-link :to="item.path">
          {{ item.meta.title }}
        </router-link>
      </li>
    </ul>
  </div>
</template>

<style scoped lang="scss">

h1 {
  @include flex;

  background: #fff url("http://localhost:3000/static/images/computer.jpg");
  background-size: cover;
}
</style>
